@import "../../common.less";
//----------courselist----------
.courses-page{
  .card{
    background: @clr-turquoisegreen;
    color: @clr-white;
    .car-header{
      padding:20px 0px;
    }
    .head-img{
      .fn-wh(80px,80px);
      .fn-radius(50%);
      border:solid 2px @clr-white;
    }
    .card-info{
      padding: 15px 0px;
      .icon{
        .fn-wh(22px,22px);
        display: inline-block;
        margin-bottom: -6px;
        margin-left: 10px;
        background: url("../../assets/spirit.png") no-repeat;
        background-size: 435px auto;
      }
      .icon.icon-male{
        background-position: -228px 0px;
      }
      .icon.icon-female{
        background-position: -251px 0px;
      }
    }
    p:last-child{
      margin-bottom: 0;
    }
    a{
      color: @clr-white;
      text-decoration: underline;
    }
    .card-bar{
      background: @clr-darkgreen;
      div{
        line-height: 40px;
      }
    }
  }

  .courses-list{
    .courses{
      padding: 10px 20px;
      border-top:rgb(228,228,228);
      box-shadow: 0px 2px 4px rgba(5,5,5,.1);
      background: @clr-white;
      .img{
        .fn-wh(80px,80px);
        .fn-radius(3px);
      }
      p:last-child{
        margin-bottom: 0px;
      }
    }
    .courses + .courses{
      margin-top: 10px;
    }



  }

}
//----------courselist end----------

.btn-help{
  .fn-wh(40px,40px);
  display: block;
  background: red;
  background: url("../../assets/spirit.png") no-repeat;
  background-size: 435px auto;
  background-position: -125px 0px;
}
.float-btn{
  position: absolute;
  bottom:10px;
  right: 10px;
}

@media (max-width: 992px) {
  .media-body{
    .row>div{
      line-height: 26px;
    }
  }
}

@media (min-width: 992px) {
  .media-body{
    .row>div{
      line-height: 80px;
    }
  }
}

